@charset "utf-8";
body,html{
	width:100%;height: 100%;
}
body{
	font-size:12px;
	font-family:"microsoft yahei";
	background-color: #fff;
	min-width: 1200px;
}
div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	/*width: 100%;*/
	border: none;
}
a{
	text-decoration: none;
	color:#fff;
	font-size: 12px;
	font-family:"microsoft yahei";
}
a:hover{
	transition:all 0.5s ease 0s;
}
.fl{float: left;}
.fr{float: right;}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*banner*/
.upbanner{width: 100%;height: 440px;padding-top: 60px;}
.banner_img {width: 100%;height: 380px;background: url(../../picture/reset.jpg) no-repeat center center;}
 
.container {width: 100%;text-align: center;padding-top: 20px;margin:0 auto;}
.container h1 {padding: 10px 0;width: 100%; border-bottom: 1px solid #F0F0F0; font-size: 28px;font-weight: bold;}
.container h2 {font-size: 22px;width: 100%;} 
.timeline {width: 95%;margin: 0 auto;}
.timeline-row:nth-child(odd) {height: 150px;display: -webkit-flex;display: flex;overflow: hidden;}
.timeline-row:nth-child(odd) .tl-icon {width: 84px;}
.timeline-row:nth-child(odd) .tl-left,.timeline-row .tl-right {flex: 1;}
.timeline-row:nth-child(odd)  .tl-left {color: #999999;text-align: right;border-bottom: 1px solid #F0F0F0;padding-right: 20px;}
.timeline-row:nth-child(odd)  .tl-left h2{
	margin: 40px 0 10px 0;
	font-size:22px;
	transition:font-size 2s;
	-moz-transition:font-size 2s; /* Firefox 4 */
	-webkit-transition:font-size 2s; /* Safari and Chrome */
	-o-transition:font-size 2s; /* Opera */
}
.timeline-row:nth-child(odd)  .tl-left h2:hover {
	font-size:24px;
}

.timeline-row:nth-child(odd)  .tl-left p{
	font-size: 16px;
	transition:font-size 2s;
	-moz-transition:font-size 2s; /* Firefox 4 */
	-webkit-transition:font-size 2s; /* Safari and Chrome */
	-o-transition:font-size 2s; /* Opera */
}
.timeline-row:nth-child(odd)  .tl-left p:hover{
	font-size:14px ;
}


.timeline-row:nth-child(odd)  .tl-icon .tl-icon-i {width: 40px;height: 40px;line-height: 40px; border-radius: 100%;background: #32B9B1;margin: 3px auto;}
.timeline-row:nth-child(odd)  .tl-icon .tl-icon-i span {
 	width: 20px; height:5px ;display: inline-block; background: #CCCCCC;margin-left: -56px; margin-top: -10px;vertical-align: middle;
}


.timeline-row:nth-child(odd)  .tl-icon .tl-icon-i i {font-size: 30px;color: #FFFFFF;}
.timeline-row:nth-child(odd)  .tl-icon .tl-icon-t,.timeline-row .tl-icon .tl-icon-b {width: 5px;height:50px ; background: #CCCCCC;margin: 0 auto;}

.timeline-row:nth-child(odd)  .tl-right {
	text-align: left;line-height: 150px;padding-left: 20px;font-weight:bold;
	margin-top: 5px;
	transition:margin-top 2s;
	-moz-transition:margin-top 2s; /* Firefox 4 */
	-webkit-transition:margin-top 2s; /* Safari and Chrome */
	-o-transition:margin-top 2s; /* Opera */
}
.timeline-row:nth-child(odd)  .tl-right:hover{
	font-size: 20px;
	margin-top: -5px;

	
}

.timeline-row:nth-child(even) {height: 150px;display: -webkit-flex;display: flex;overflow: hidden;}
.timeline-row:nth-child(even) .tl-icon {width: 84px;}
.timeline-row:nth-child(even) .tl-left,.timeline-row .tl-right {flex: 1;}
.timeline-row:nth-child(even)  .tl-left {text-align: right;line-height: 150px;font-weight:bold;padding-right: 20px;}
.timeline-row:nth-child(even)  .tl-left:hover{
	margin-top: -5px;
	font-size: 20px;
}
.timeline-row:nth-child(even)  .tl-icon .tl-icon-i {width: 40px;height: 40px;line-height: 40px; border-radius: 100%;background: #32B9B1;margin: 3px auto;}
.timeline-row:nth-child(even)  .tl-icon .tl-icon-i span {
	width: 20px; height:5px ;display: inline-block; background: #CCCCCC;margin-left:42px; margin-top:-85px;vertical-align: middle;
}

.timeline-row:nth-child(even)  .tl-icon .tl-icon-i i {font-size: 30px;color: #FFFFFF;}
.timeline-row:nth-child(even)  .tl-icon .tl-icon-t,.timeline-row .tl-icon .tl-icon-b {width: 5px;height:60px ; background: #CCCCCC;margin: 0 auto;}

.timeline-row:nth-child(even)  .tl-right {color: #999999;text-align:left;border-bottom: 1px solid #F0F0F0;padding-left:20px;}
.timeline-row:nth-child(even)  .tl-right h2{
	margin: 40px 0 10px 0;
	font-size:22px;
	transition:font-size 2s;
	-moz-transition:font-size 2s; /* Firefox 4 */
	-webkit-transition:font-size 2s; /* Safari and Chrome */
	-o-transition:font-size 2s; /* Opera */
}
.timeline-row:nth-child(even)  .tl-right h2:hover {
	font-size:24px;
}
.timeline-row:nth-child(even)  .tl-right p{
	font-size: 16px;
	transition:font-size 2s;
	-moz-transition:font-size 2s; /* Firefox 4 */
	-webkit-transition:font-size 2s; /* Safari and Chrome */
	-o-transition:font-size 2s; /* Opera */
}
.timeline-row:nth-child(even)  .tl-right  p:hover{
	font-size:14px ;
}

/**************************************footer*****************************************/
#footer {width: 100%;}
#footer .footer_top {width: 100%;height: 288px;background:#2d2d2d;color:#5d5d5d;overflow: hidden;}
#footer .footer_top_box {width:980px;height: 288px;margin: 0 auto;padding-top: 40px;}
#footer .footer_top li a{color: #575757;font-size:14px ;text-decoration: none;}
#footer .footer_top li a:hover{color: #8e8e8e;text-decoration: none;}
#footer .footer_top_box h1 {color: #999;font-size: 15px; font-weight: bold;margin-bottom: 10px;}
#footer .footer_top .footer_top_box .footer_top_box_li {width: 220px; float: left;line-height:30px;}
#footer .footer_top .footer_top_box .footer_top_box_focus {float: left;line-height:30px;}
#footer .footer_top .footer_top_box .footer_top_box_focus h1 {padding-left:20px ;}
#footer .footer_top .footer_top_box .footer_top_box_focus li{float: left;width: 150px;text-align: center;}
#footer .footer_top .footer_top_box .footer_top_box_focus span{display: block;}
#footer .footer_bot {width: 100%;height:110px;background-color: #000;color: #8e8e8e;font-size: 14px; text-align: center;padding-top: 20px;line-height:25px;}
#footer .footer_bot i {color: #2590DC;}
#footer .footer_bot span {margin-right:15px ;}
#footer .footer_bot a{color: #8e8e8e;}
/**************************************悬浮*****************************************/
#right-susp {position:fixed; right:1px; top:50%; z-index:100;width: 60px;height: 240px;}
#right-susp div{margin-top: 5px;}
#right-susp div a.susp-bg {display: block;width: 60px; height: 60px;}

#right-susp .susp-ser1 a.susp-bg{background: url(../../picture/r_nav2g.png) no-repeat;}
#right-susp .susp-ser1 a.susp-bg:hover{background: url(../../picture/r_nav2.png)  no-repeat;}

#right-susp .susp-wechat a.susp-bg{background: url(../../picture/r_nav1g.png) no-repeat;}
#right-susp .susp-wechat a.susp-bg:hover{background: url(../../picture/r_nav1.png) no-repeat;}


#right-susp .susp-gotop a.susp-bg {background: url(../../picture/r_nav3g.png) no-repeat;}
#right-susp .susp-gotop a.susp-bg:hover{background: url(../../picture/r_nav3.png) no-repeat;}

.xc-wechat-box,.xc-qq-box{width: 140px; height: 175px; position:absolute;top:60px; right:60px;padding:6px 10px; background: url(../../picture/arrow_bg.png) no-repeat;display:none;}
.xc-qq-box{top: 0;}
.qq-title{font-size: 18px;color: #298eea;text-align: center;}
.qq-time{font-size: 12px;color: #999;margin: 5px 0 3px 0;text-align: center;}
.xc-wechat-box .box-border .sev-t {width: 100%;height: 100%;}
.xc-wechat-box .box-border .sev-t img{display: block; width:98px;height: 98px; border:1px solid #ccc;margin-left: 7px;}
.weixin{background: url(../../picture/weixin.png) left no-repeat ;margin :7px auto;text-align: center;width: 94px;}
.QQ{background: url(../../picture/QQ.png) left no-repeat ;width: 94px;height: 25px;line-height: 25px;margin: auto;cursor: pointer;}
.weixin span{margin-left: 20px;font-size: 12px;color: #999;}
.QQ a {display: inline; margin-left: 25px;color: #BBB5B5;}
.xc-wechat-box .box-border .sev-t p{ display:block; font-size:14px; color:#298eea;text-align: center;}
.xc-qq-box .sev-t {border-bottom: 1px solid #ccc;padding-bottom: 5px;}
